
html,body{
    height:100%;
    overflow:hidden;
}
/**
    设置图片背景占满整个窗口,不随着浏览器的放大而改变
 */
body{
    background-image:url('../resource/cardImage.jpg');
    background-repeat:no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-attachment:fixed;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}
#drawCardPage{
    background-image: url("../resource/cardImage2.png");

    background-size: cover;
    width: 100%;
    height: 60%;
    padding-top: 5%;



    opacity:0.9;
    border-radius:10px;

    /*padding-left: 20%;*/
}



#card{
    float:left;
    width:20%;
    height: 50%;
    position: relative;
    right: 50%;
}

#cards{
    width: 80%;
    height: 100%;
    float:left;
    position: relative;
    left: 50%;
}

#card div{
    width: min-content;
    height: auto;
    float:left;
    position: relative;
    left: 25%;
}


#cards p{
    color: azure;
}



/*顶部导航栏*/

#div1{
    background-color: azure;
    margin-top: 5%;
    width: 10%;
    height: auto;

    opacity:0.8;
    border-radius:2px;
}

#div1 p{
    font-size: 2em;
    margin-bottom: 0px;
    text-align: center;
}

#hr1{
    margin-top: 0px;
}


#top{
}
